<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
        <meta name="x-ua-compatible" content="IE=edge">
        <title>人脸识别</title>
        <link rel="stylesheet" href="css/common.css">
    </head>
<body>
    <div class="container">
        <div class="content_left">
            <div class="image_box flex" id="image_box_show">
                <div><img src="images/loading.gif" class="show_upload_img"></div>
            </div>
            <div class="upload_box">
                <form id="form" enctype="multipart/form-data">
                    <input type="file" name="file" id="fileAttach" onchange="updataImg()" style="opacity: 0;" />
                    <label for="fileAttach" class="local_upload" id="addImg_box">本地上传</label>
                </form>
                <input type="text" name="input_name" class="url_input" id="url_input">
                <div class="submit_btn" id="url_submit">提交</div>
            </div>
            <div class="imglist_box" id="face_imglist_box">
                <div class="icon_left flex"></div>
                <div  class="wrapper" id="wrapper">
                    <div class="scroller" id="scroller">
                        <ul id="show_img_list">
                        </ul>
                    </div>
                </div>
                <div class="icon_right flex"></div>
            </div>
        </div>
        <div class="content_right">
            <div class="message_box">
                <ul>
                    <li id="key_attribute" class="key_attribute">
                        <span class="msg_text">关键属性</span>
                    </li>
                    <li id="detail_message" class="detail_msg">
                        <span class="msg_text">详细信息(JSON)</span>
                    </li>
                </ul>
            </div>
            <!--关键属性  -->
            <div class="key_attribute_box hide" id="key_attribute_box">
                <div class="imglist_box">
                    <div class="icon_left flex"></div>
                    <div  class="wrapper" id="wrapper_1">
                        <div class="scroller" id="scroller_1">
                            <ul id="show_face_list">
                            </ul>
                        </div>
                        
                    </div>
                    <div class="icon_right flex"></div>
                </div>
                <div class="time_box table_box" id="time_box">
                    <div class="table_tr">
                        <div class="table_td">TAKE</div>
                        <div class="table_td" id="take_time"></div>
                    </div>
                    <div class="table_tr">
                        <div class="table_td">NUM</div>
                        <div class="table_td" id="take_number"></div>
                    </div>
                    <div class="table_tr">
                        <div class="table_td">描述</div>
                        <div class="table_td" id="take_desc"></div>
                    </div>
                </div>
                <div class="key_table table_box " id="table_box">
                </div>
            </div>
            <!--详细信息  -->
            <div class="detail_message_box hide" id="detail_message_box">
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="js/lib/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/lib/iscroll.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/face_detection.js"></script>
</html>